import React, {Component} from 'react';

export class Row extends Component {
  render() {
    return (
      <div className="pure-g">
        {this.props.children}
      </div>
    );
  }
}

export class Cell extends Component {
  render() {
    return (
      <div className={'pure-u-'+this.props.span+'-'+this.props.cells+' '+this.props.extClassName} style={this.props.style}>
        {this.props.children}
      </div>
    );
  }
}

Cell.defaultProps = {
  span:24,
  cells:24,
  extClassName:'',
  style:{}
}
